<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
	.search-title {
		margin-top: 20px;
		display: flex;
	}
	.row-bg {
		background: #FFFFFF;
		padding: 30px 0px;
	}
	.form-group {
		display: flex;
		align-items: center;
		margin: 0 20px;
	}
	.bootstrap-table .fixed-table-container {
		height: calc(100vh - 305px) !important;
	}
</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content " style="padding: 0">
		<div>
			<div class="col-sm-12">
				<div class="ibox">
					<div class="ibox-body">
						<div class="search-title row-bg">

							<div class="form-group">
								<label class="pull-left control-label">用户名：</label>
								<div>
									<input id="username" type="text" class="form-control"
										   placeholder="请输入用户姓名">
								</div>
							</div>
							<div class="form-group">
								<label class="pull-left control-label">电话号码：</label>
								<div>
									<input id="mobile" type="text" class="form-control"
										   placeholder="请输入电话号码">
								</div>
							</div>

							<div class="columns">
								<button class="btn btn-success" onclick="reLoad()">查询</button>
							</div>
						</div>
						<div class="row-bg" style="margin-top: 20px;padding: 20px">
							<div class="columns pull-left" style="margin-bottom: 15px">
								<button type="button"
										class="btn  btn-primary" onclick="add()">添加
								</button>
								<button type="button"
										class="btn  btn-danger" onclick="batchRemove()">删除
								</button>
							</div>
							<table id="exampleTable" data-mobile-responsive="true">
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/webJs/sys/resourceUser/user.js?r=12"></script>
</body>
</html>